<template>

    <div class="flex" @click="$emit('clickHandle')">
        <p>
            <span>{{title}}</span><br /><span>折扣率%</span>
        </p>
        <a-tooltip>
            <template slot="title">批量设置此列折扣率 <br/>将此列比率全部设置为与第一行相同</template>
            <a-icon type="vertical-align-bottom" class="iconD"/>
        </a-tooltip>
    </div>

</template>

<script>
export default {
    props:['title'],
    data() {
        return {

        }
    },
    methods: {}
}
</script>

<style lang="less" scoped>
.flex{
    display: flex;
    // align-items: center;
}

.iconD {
    font-size: 20px;
    color: red;
}

</style>